<html>

<head>
    <meta chatset="UTF-8">
</head>

<body>
    <form action="#" method="POST">
        <div id="login-box">
            <h1>Login</h1> <!-- Login的大标题 -->

            <div class="form">
                <div class="item"> <!-- username部分 -->
                    <i></i> <!-- 将来用来绘制username前面的图标 -->
                    <input type="text" placeholder="username" name="username"> <!-- 用文本框实现的username的输入 -->
                </div>

                <div class="item"> <!-- password部分 -->
                    <i></i> <!-- 将来用来绘制password前面的图标 -->
                    <input type="password" placeholder="password" name="password"> <!-- 用password文本框实现的密码输入 -->
                </div>

            </div>
            
            <button type="submit">Login</button> <!-- 用button实现的Login登陆按钮 -->
        </div>
    </form>
</body>

</html>
